import React from 'react';
import { useHistory } from 'react-router-dom';
import { Button } from 'antd';


const Home = () => {
    const history = useHistory();
    return (
        <div>
            <h1>Home</h1>
            <Button type="primary" onClick={() => history.push("/about")}>about</Button>
            <br />
            <button onClick={() => history.push("/about/a")}>A</button>
            <br />
            <button onClick={() => history.push("/about/b")}>B</button>
        </div>
    );
}

export default Home;
